<template>
  <p>{{ count }}</p>
  <button @click="add">+</button>
</template>
<script setup>
import { ref } from "vue";
const count = ref(0);
console.log(count);
//要访问或修改 ref 的值，你需要使用 .value 属性
console.log(count.value);
//在 Vue 模板中，你不需要使用 .value 属性来访问 ref 的值。
//Vue 会自动为你解包它。
function add() {
  count.value++;
}
</script>
